<!DOCTYPE html>
<html><!--HTML5 doctype-->
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Pragma" content="no-cache">
<script src="intelxdk.js"></script>
<!-- phantom library, needed for XDK api calls -->
<script src="cordova.js"></script>
<!-- phantom library, needed for Cordova api calls -->
<script src="xhr.js"></script>
<!-- phantom library, needed for XDK CORS -->
<script type="text/javascript" language="javascript">
    var onDeviceReady = function () {                 // called when Cordova is ready
      if (window.Cordova && navigator.splashscreen) { // Cordova API detected
        navigator.splashscreen.hide();                // hide splash screen
      }
      setTimeout(function () {
        $.ui.launch();
      }, 50);
    };
    document.addEventListener("deviceready", onDeviceReady, false);
    
    //var BASE_URL = "http://192.168.10.14/wnsgbl-repo/mobileapp/";
    var BASE_URL = "https://www.winsglobal.com/mobileapp/";
</script>
<script src="js/jquery.min.js"></script>
<script src="js/af.ui.jquery.min.js"></script>
<script src="js/af.slidemenu.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script>
    //if (isIntel)
      //$.ui.autoLaunch = false;
    $.ui.animateHeaders = false;
    $.ui.useOSThemes = false; //Change this to false to force a device theme
    $.ui.blockPageScroll();
    $.ui.backButtonText='Back';
    $(document).ready(function () {
        if ($.ui.useOSThemes && (!$.os.ios || $.os.ios7))
            $("#afui").removeClass("ios");
        
        $.ui.setSideMenuWidth('260px');
        $.ui.launch();
        $.ui.removeFooterMenu();
        
        $("#calendar").fullCalendar({
            events: {
                cache: false,
                url:BASE_URL+'get_events_calendar2/null',
                error: function(err1) {
                    alert('there was an error while fetching events!');
                }
            },
            //aspectRatio: 0.1,
            lazyFetching:false,
            contentHeight:"auto",
            //contentHeight:800,
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay, date) {
                var eventTime = $.fullCalendar.moment(start).format();

                $.ajax({
                    url: BASE_URL+"event_on_date",
                    type:"GET",
                    data:{'event_date':eventTime},
                    success: function(data){
                        var list_html = "";
                        for(var i=0; i< data.length; i++){
                            var id = data[i].eventID;
                            var title = data[i].eventTitle;
                            var img = data[i].image;
                            var descript = data[i].description;
                            var location = data[i].location;
                            var eventDate = data[i].eventDate;
                            var eventEnd = data[i].eventEnd;
                            list_html += '<li><a href="#'+id+'"><h5>'+eventDate+' - '+eventEnd+'</h5>'+ title +'</a></li>';

                            /* Dynamically add panel */
                            var panel_content = '<h2>'+title+'</h2><br/><div class="photo"><img src="'+img+'" style="width: 100%; height: auto;"/></div><p>'+descript+'</p><p>Location: '+location+'</p><p>Event Date: '+eventDate+'</p><p>Event End: '+eventEnd+'</p>';
                            $.ui.addContentDiv(id, panel_content, "Detail"); 
                        }
                        //$("#eventList").html(list_html);
                        $.ui.updateContentDiv("#events",'<ul class="list" id="eventList" data-appbuilder-object="list">'+list_html+'</ul>');
                        
                        if(list_html){
                            $.ui.loadContent("#events",false,false,"up");
                            //$.ui.setBackButtonText("Close");
                            //$.ui.setBackButtonStyle("button");
                        }
                    }
                });
            


                //calendar.fullCalendar('unselect');
            }
        });
    });
    
    function showCalendar() {
        //$(#calendarPanel).sty
        $("#calendarPanel").css("visibility", "visible");
    }
</script>
<link href="css/custom.css" rel="stylesheet" type="text/css">
<link href="css/icons.css" rel="stylesheet" type="text/css">
<link href="css/af.ui.css" rel="stylesheet" type="text/css">
<link href="css/fullcalendar.min.css" rel="stylesheet" type="text/css">
<link href="css/fullcalendar.print.css" rel="stylesheet" media="print">
<style>
    ul.bullet_list li {
       margin: 20px;
    }
</style>
</head>
<body>
<div id="afui" class="ios7">
    <!--Left Side Menu Navigation bar -->
    <nav id="nav_0">
        <ul class="list">
            <li><a href="#home" class="icon home">Home</a>
            </li>
            <li><a href="#level1" class="icon info">Level 1</a>
            </li>
            <li><a href="#level2" class="icon info">Level 2</a>
            </li>
            <li><a href="#level3" class="icon info">Level 3</a>
            </li>
            <li><a href="#level4" class="icon info">Level 4</a>
            </li>
            <li><a href="#level5" class="icon info">Level 5</a>
            </li>
            <li><a href="#calendarPanel" class="icon calendar" onclick="showCalendar();">Calendar</a>
            </li>
        </ul>
    </nav>
    <div id="header" class="header"></div>
    <div id="content" style="">
        <div class="panel" title="Home" id="home" selected="selected" style="" data-appbuilder-object="page"
        data-footer="none" data-nav="nav_0">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Home</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">

                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>WINS Global Membership &amp; Benefits</h2>
                </div>
                <br>
                <img src="images/homeblock.jpg" style="width: 100%; height: auto;" alt="Title"
                data-appbuilder-object="image" class="" title="">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <p>5 Levels of Membership</p>
                </div>
            </div>
        </div>
        <div class="panel" title="Level 1" data-nav="nav_0" data-footer="none" id="level1"
        style="" data-appbuilder-object="page">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Level 1</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>Basic</h2>
                </div>
                <div class="text_item" data-appbuilder-object="text">
                    <!--<div class="benefit-content">-->
                    <h4 class="highlight">Basic Membership FREE</h4>
                    <ul class="bullet_list">
                        <li><b>Lifelong benefits</b> - Membership</li>
                        <li><b>Discounts online</b> - WINS Global Marketplace and other
                            online offerings</li>
                        <li><b>Content &amp; Data</b> - Did you know? Jobs, realty,
                            sell, shop, services</li>
                    </ul>

                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="panel" title="Level 2" data-nav="nav_0" data-footer="none" id="level2"
        data-appbuilder-object="page" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Level 2</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>VIP</h2>
                </div>
                <div class="text_item" data-appbuilder-object="text">
                    <!--<div class="benefit-content">-->
                    <h4 class="highlight">VIP Membership $5.00 per month (approx Rp. 50,000)</h4>
                    <ul class="bullet_list">
                        <li>20 HOURS OF CALLING FREE EVERY MONTH within network (dedicated
                            number for every member)</li>
                        <li>Discounts online WINS Global Marketplace and other online
                            offerings
                        </li>
                        <li>Online Shopping</li>
                        <li>Payment Gateway</li>
                        <li>Discounts; WINS Singapore Airlines corporate rate – huge
                            savings
                        </li>
                        <li>Event tickets discounted</li>
                        <li>Avis Rent a car – up to 25% See list of discounts &amp;
                            benefit provider</li>
                        <li>Lucky draw every month wins great prizes</li>
                        <li>Content &amp; Data Did you know? Jobs, realty, sell, shop,
                            services
                        </li>
                        <li>Downloadable Apps</li>
                        <li>Discount card for use @ POS - Many WINS Global merchants</li>
                    </ul>

                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="panel" title="Level 3" data-nav="nav_0" data-footer="none" id="level3"
        data-appbuilder-object="page" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Level 3</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>VIP +</h2>
                </div>
                <div class="text_item" data-appbuilder-object="text">
                    <!--<div class="benefit-content">-->
                    <h4 class="highlight">HUMANITARIAN PROJECT WIN BIG, SAVE AND help humanity</h4>
                    <p>For as little as $10.00 (approx Rp. 100,000 per month) receive:</p>
                    <ul class="bullet_list">
                        <li>A better lifestyle &amp; peace of mind</li>
                        <li>
                            Free insurance :
                            <ul>
                                <li>Silver Level 1 : FREE 1 Million accident insurance</li>
                                <li>Gold Level 5 : FREE Accident &amp; life 25,000,000</li>
                                <li>Platinum level 10 : FREE Accident, life, health
                                    25,000,000
                                </li>
                            </ul>

                        </li>
                        <li>2 BILLION in CASH WON EVERY MONTH</li>
                        <li>25 HOURS OF FREE PHONE CALLS EVERY MONTH within network
                            every member given a number</li>
                        <li>LUCKY MEMBER - 2 BILLION in CASH WON EVERY MONTH</li>
                        <li>Multi- usage co-branded bank card – backed by a major bank</li>
                        <li>Huge discounts and benefits</li>
                        <li>Lucky Draw: TV’s, mobiles, computers, grand end of year
                            lucky draw - a car or trip</li>
                        <li>Communal co-op Savings / Profit sharing program</li>
                        <li>Special 20 year savings program - WATCH IT GROW</li>
                    </ul>

                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="panel" title="Level 4" data-nav="nav_0" data-footer="none" id="level4"
        data-appbuilder-object="page" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Level 4</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>HUMANITARIAN PROJECT</h2>
                </div>
                <div class="text_item" data-appbuilder-object="text">
                    <!--<div class="benefit-content">-->
                    <h4 class="highlight">YOU MUST EARN UNDER Rp. 3,000,000 A MONTH TO JOIN THIS PROGRAM</h4>
                    <p>For Rp. 10.000 per month Receive:</p>
                    <ul class="bullet_list">
                        <li>A better lifestyle &amp; peace of mind</li>
                        <li>
                            Free insurance :
                            <ul>
                                <li>Silver Level 1 : FREE 1 Million accident insurance</li>
                                <li>Gold Level 5 : FREE Accident &amp; life 25,000,000</li>
                                <li>Platinum level 10 : FREE Accident, life, health
                                    25,000,000
                                </li>
                            </ul>

                        </li>
                        <li>Discounts and benefits</li>
                        <li>20 HOURS OF FREE PHONE CALLS EVERY MONTH within network.
                            Up to 80% discount for outside county</li>
                        <li>2 BILLION in CASH WON EVERY MONTH</li>
                        <li>Multi- usage co-branded bank card – backed by a major bank</li>
                        <li>WIN prizes; TV’s, mobiles, computers, grand end of year
                            lucky draw a car or trip</li>
                        <li>Savings Profit sharing Communal co-op Agro Program, have
                            vested interest. 2 Hect-500 people each collective
                            group
                        </li>
                        <li>Special 20 year savings program - WATCH IT GROW</li>
                    </ul>

                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="panel" title="Level 5" data-nav="nav_0" data-footer="none" id="level5"
        data-appbuilder-object="page" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Level 5</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div class="text_item" data-appbuilder-object="text" style="text-align: center;">
                    <h2>LIMITLESS</h2>
                </div>
                <div class="text_item" data-appbuilder-object="text">
                    <!--<div class="benefit-content">-->
                    <h4 class="highlight">$35 per month (approx Rp. 400,000) Fantastic benefits</h4>
                    <p>LIMITLESS NUMBER OF TELEPHONE CALLS</p>
                    <ul class="bullet_list">
                        <li>Comes with gateway discount payment card, Many WINS Global
                            merchants
                        </li>
                        <li>Highest level of discounts online - WINS Global Marketplace
                            and other online offerings (Visa/M’Card)</li>
                        <li>Free insurance</li>
                        <li>Free movie voucher</li>
                        <li>Free voucher for hair or beauty treatment</li>
                        <li>WINS Singapore Airlines corporate rate – huge savings.</li>
                        <li>Avis Rent a car – up to 25% off</li>
                        <li>Airport lounges - access to selected lounges</li>
                        <li>Tickets discounted, Complimentary tickets to some events
                            and other special offerings</li>
                        <li>Upgrades when available</li>
                        <li>Competitions</li>
                        <li>Lucky Draw: TV’s, mobiles, computers, grand end of year
                            lucky draw a car or trip</li>
                        <li>Content &amp; Data - Did you know? Jobs, realty, sell,
                            shop, services</li>
                        <li>Invites to special events (sports, theatre, book signings
                            - social and business)</li>
                        <li>Includes level 3 humanitarian program</li>
                    </ul>

                    <!--</div>-->
                </div>
            </div>
        </div>
        <div class="panel" title="Calendar" data-nav="nav_0" data-footer="none" id="calendarPanel"
        data-appbuilder-object="page" style="visibility: hidden;">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="$.ui.toggleSideMenu()" class="menuButton" style="float:left !important"></a>
                <h1>Calendar</h1>
            </header>
            <div class="container" style="width: 100%; height: 100%;" data-appbuilder-object="container">
                <div id="calendar"></div>
            </div>
        </div>
        <div class="panel" title="Events" data-nav="nav_0" data-footer="none" id="events"
        data-appbuilder-object="page" style="">
            <header data-appbuilder-object="header" class="" style="">
                <a id="menubadge" onclick="#calendar" style="float:left !important">Close</a>
                <h1>Events</h1>
            </header>
        </div>
    </div>
    <div id="navbar" class="footer"> <a class="icon home">Home</a>
    </div>
    <footer id="footer_2" data-appbuilder-object="footer"></footer>
</div>
</body>





</html>